<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/_reset.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/classcation.css" />
	</head>

	<body style="overflow-x: hidden;">
		<div class="classcation row">
			<div class="container-fluid">
				<div class="search row">
					<input type="text" name="" id="" value="" placeholder="请输入搜索内容" class="col-xs-9"/>
					<button class="col-xs-3">搜索</button>
					<i class="iconfont icon-sousuo"></i>
				</div>
				<div class="layui-tab row">
					<ul class="layui-tab-title">
						<li>水族类</li>
						<li class="layui-this">宠物类</li>
					</ul>
					<div class="layui-tab-content row">
						<div class="layui-tab-item ">
						</div>
						<div class="layui-tab-item layui-show">
							<ul>
								<li class="col-xs-4">
									<a href="#"><i class="iconfont ">&#xe609;</i> 猫
									</a>
								</li>
								<li class="col-xs-4">
									<a href="#"><i class="iconfont ">&#xe65f;</i>狗</a>
								</li>
								<li class="col-xs-4">
									<a href="#"><i class="iconfont ">&#xe661;</i>仓鼠</a>
								</li>
								<li class="col-xs-4">

									<a href="#"><i class="iconfont ">&#xe606;</i>狸猫</a>
								</li>
								<li class="col-xs-4">

									<a href="#"><i class="iconfont ">&#xe660;</i>兔子</a>
								</li>
								<li class="col-xs-4">
									<a href="#"><i class="iconfont">&#xe667;</i>鸟</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<ul>
					<li class="col-xs-2 active">
						<a href="index.html">
							<i class="iconfont icon-shouye"></i> 首页
						</a>
					</li>
					<li class="col-xs-2">
						<a href="classcation.html">
							<i class="iconfont icon-icon"></i> 分类
						</a>
					</li>
					<li class="col-xs-2">
						<a href="custom.html"><i class="iconfont icon-service"></i>客服
						</a>
					</li>
					<li class="col-xs-2">
						<a href="shop.html"><i class="iconfont icon-cart1"></i> 购物车
						</a>
					</li>
					<li class="col-xs-2">
						<a href="home.html"><i class="iconfont icon-wode"></i> 我的
						</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/iconfont.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		layui.use('element', function() {
			var $ = layui.jquery,
				element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
		});
	</script>

</html>